<template>
    <span >
      <router-link  class="logo"  to="/index">
          {{user.username}}
      </router-link>
    </span>
</template>

<script>
export default {
  name: 'Logo',
  data () {
    return {
      user: {
        id: 1,
        username: 'shirayner',
        mobile: 13636274367
      }
    }
  }
}
</script>

<style  lang="stylus" scoped>
.logo
  desplay flex;
  font-weight: bold;
  font-size: 30px;
  color black
.logo:hover
  color #4caf50
</style>
